<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./lib/css/trolley/trolley.css">
</head>

<body>
    <div class="both">
        <!-- 顶部导航   start -->
        <div class="searchTop">
            <div class="common">
                <!-- 左边内容 -->
                <div class="searchTop_left">
                    <a class="searchTop_left_a1" href=""><s></s>手机版</a>
                    <span class="searchTop_left_span"></span>
                    <a class="searchTop_left_a2" href="">Q币充值</a>
                </div>
                <!-- 右边内容 -->
                <div class="searchTop_right">
                    <span>您还未登录,<a href="" class="searchTop_right_a1">请登录</a></span>
                    <span class="searchTop_left_span"></span>
                    <a href="" class="searchTop_right_a1">我的订单</a>
                    <span class="searchTop_left_span"></span>
                    <a href="" class="searchTop_right_a1">个人中心</a>
                    <span class="searchTop_left_span"></span>
                    <a href="" class="searchTop_right_a1 forum">官方论坛 <s></s> </a>
                    <span class="searchTop_left_span"></span>
                    <a href="" class="searchTop_right_a1">帮助中心</a>
                    <span class="searchTop_left_span"></span>
                    <a href="" class="searchTop_right_a1 gamesearch"> 游戏导航</a>
                </div>
            </div>
        </div>

        <!-- 顶部导航   end -->


        <!-- 搜索框  start -->
        <div class="searchBox">
            <div class="common">
                <div class="searchBox_left">
                    <a class="searchBox_left_a" href=""></a>
                </div>
                <div class="searchBox_center">
                    <a class="searchBox_center_a" href=""></a>
                    <input class="searchBox_center_input" attr_default="输入道具进行搜索" type="text" placeholder="请输入道具进行搜索">
                </div>
                <div class="searchBox_right"></div>
                <div class="searchBox_bottom">
                    <ul class="searchBox_bottom_ul">
                        <li><a href="">首页</a></li>
                        <li><a href="">商品列表</a></li>
                        <li><a href="">活动专区</a></li>
                        <li><a href="">限时折扣</a></li>
                        <li><a href="">聚豆乐园</a></li>
                        <li><a href="">周边商城</a></li>
                        <li><a href="">个人中心</a></li>
                    </ul>
                    <div class="searchBox_bottom_div">
                        <a href=""> <s></s>购物车 <span class="searchBox_bottom_divs1">(0)</span> </a>
                    </div>
                </div>
            </div>

        </div>
        <!-- 搜索框  end -->

        <!-- 所在位置   start -->
        <div class="loction">
            <div class="common">
                <span class="loction_span">您现在的位置 : >购物车</span>
            </div>
        </div>
        <!-- 所在位置   end -->

        <!-- 中间位置  start -->
       <div class="center">
           <div class="common">
               <div class="maiery">
                   <div class="maiery_top">
                       <div class="maiery_top_one">
                           <span>收货角色信息</span>
                       </div>
                       <div class="maiery_top_two">
                           <span>选择游戏角色:</span>
                       </div>
                   </div>
                   <div class="maiery_center">
                    <div class="maiery_center_one">
                        <span>商品信息</span>
                    </div>
                   </div>
                   <div class="maiery_bottom">
                       <div class="maiery_bottom_one">
                           <span>您的优惠信息</span>
                       </div>
                       <div class="maiery_bottom_two">
                           <a href="" class="maiery_bottom_two_a1"><s></s>使用购物点 <span></span> </a>
                           <a href="" class="maiery_bottom_two_a2">[查看购物点使用说明]</a>
                       </div>
                       <div class="maiery_bottom_three">
                           <div class="maiery_bottom_three_span">
                               <span>
                                    英雄联盟周边商城火热上线
                                   <a href="">查看详情</a>
                               </span>
                           </div>
                           <div class="maiery_bottom_three_center">
                               <span>总价: - 优惠卷: -购物点: = 实付款 : Q币</span>
                           </div>
                           <div class="maiery_bottom_three_right">
                               <a href="">提交订单 </a>
                           </div>
                       </div>
                   </div>
                   <div class="maiery_footer">
                    <div class="maiery_footer_one">
                        <span>温馨提示</span>
                    </div>
                    <div class="maiery_footer_two">
                        <p class="maiery_footer_two_p">"LOL优惠券使用规则：[道具包]分类道具全场无法使用，每张优惠券的信息，请仔细核对以下信息：订单满减的金额是否符合要求、优惠券限定可用的道具范围。"</p>
                        <p>"购买成功后系统会自动发货，如发货失败24小时内会自动补发。"</p>
                        <p>"请确认游戏中是否存在购物车中的英雄或皮肤，如果存在，请勿重复购买。"</p>
                        <p>"请重新登录游戏查收物品。"</p>
                    </div>
                   </div>
               </div>
           </div>
       </div>
        <!-- 中间位置  end -->


         <!-- 底部  start -->
         <div class="foot_area">
                <div class="bx_qa foot_wrap clearfix">
                    <div class="bx_qa_t1">
                        <h4 class="bx_qa_title"><s class="i_sp i_new"></s>我是新手</h4>
                        <ul class="bx_qa_ul c">
                            <li><a title="什么是道聚城" target="_blank" class="btn_c"
                                    href="/mall/help/help_daoju.shtml">什么是道聚城</a></li>
                            <li><a title="如何购买道具" target="_blank" class="btn_c" href="/mall/help/help_buy.shtml">如何购买</a>
                            </li>
                            <li><a title="如何赠送道具" target="_blank" class="btn_c" href="/mall/help/help_send.shtml">如何赠送</a>
                            </li>
                            <li><a title="如何获取聚豆" target="_blank" class="btn_c"
                                    href="/mall/help/help_judou.shtml">如何获取聚豆</a></li>
                        </ul>
                    </div>
                    <div class="bx_qa_t1">
                        <h4 class="bx_qa_title"><s class="i_sp i_qa"></s>个人中心</h4>
                        <ul class="bx_qa_ul c">
                            <li><a title="道具发货时间" target="_blank" class="btn_c"
                                    href="/mall/help/help_provide.shtml">发货时间</a></li>
                            <li><a title="道具如何领取" target="_blank" class="btn_c"
                                    href="/mall/help/help_receive.shtml">如何领取</a></li>
                            <li><a title="道具补发规则" target="_blank" class="btn_c"
                                    href="/mall/help/help_reissue.shtml">补发规则</a></li>
                            <li><a title="Vip价定义" target="_blank" class="btn_c" href="/mall/help/help_vip.shtml">Vip价定义</a>
                            </li>
                            <li><a title="道具状态定义" target="_blank" class="btn_c"
                                    href="/mall/help/help_status.shtml">道具状态定义</a></li>
                        </ul>
                    </div>
                    <div class="bx_qa_t1">
                        <h4 class="bx_qa_title"><s class="i_sp i_pay"></s>支付方式</h4>
                        <ul class="bx_qa_ul c">
                            <li><a title="支付方式" target="_blank" class="btn_c" href="/mall/help/help_payment.shtml">支付方式</a>
                            </li>
                            <li><a title="购物点支付" target="_blank" class="btn_c" href="/mall/help/help_ticket.shtml">购物点支付</a>
                            </li>
                            <li><a title="如何充值" target="_blank" class="btn_c" href="/mall/help/help_recharge.shtml">如何充值</a>
                            </li>
                        </ul>
                    </div>
                    <div class="bx_qa_t1">
                        <h4 class="bx_qa_title"><s class="i_sp i_kf"></s>腾讯在线服务</h4>
                        <ul class="bx_qa_ul c">
                            <li><a title="腾讯官方在线客服" target="_blank" class="btn_c" id="kf" href="javascript:;">腾讯官方在线客服</a>
                            </li>
                        </ul>
                    </div>
                    <div class="bx_qa_t1 bx_qa_code bx_qa_last">
                        <ul class="bx_qa_ul c">
                            <li>
                                <div class="foot-codeimg">
                                    <img src="./lib/images/shop/zsdjc.png" width="100" height="100"
                                        alt="掌上道聚城二维码">
                                </div>
                                <p class="foot-codename">掌上道聚城</p>
                            </li>
                            <li>
                                <div class="foot-codeimg">
                                    <img src="./lib/images/shop/wechatdjc.png" width="100" height="100"
                                        alt="道聚城公众号">
                                </div>
                                <p class="foot-codename">道聚城公众号</p>
                            </li>
                        </ul>
                    </div>
                </div>  
    <div class="food_wrap">
        <div id="footer_ied">
            <div class="wrap_ied">
                <p>
                <a href="">腾讯互动娱乐</a>
                <a href="">服务条款</a>
                <a href="">腾讯游戏隐私保护指引</a>
                <a href="">广告服务</a>
                <a href="">腾讯游戏招聘</a>
                <a href="">腾讯游戏客服</a>
                <a href="">游戏地图</a>
                <a href="">成长守护平台</a>
                <a href="">商务合作</a>
                <a href="">网站导航</a>
            </p>
            </div>
        </div>
    </div>
    
            </div>
            <!-- 底部  end -->
        </div>
    </div>
</body>

</html>